<template>
	<view>
		<view class="topbox">
			<view class="title">
				提现金额
			</view>
			<view class="inputbox">
				<image class="qian_icon" src="/static/img/wallet/qianicon.png" mode=""></image>
				<input v-model="num" style="font-size: 46rpx;font-weight: bold;" type="number" placeholder="请输入提现金额">
			</view>
		</view>
		<view class="line">
			
		</view>
		<view class="topbox">
			<view class="title">
				选择提现方式
			</view>
			<view class="inputbox" style="justify-content: space-between;">
				<view class="flex">
					<image class="wx_icon" src="/static/img/wallet/wx.png" mode=""></image>
					<view style="font-size: 32rpx;margin-left: 20rpx;">
						微信
					</view>
				</view>
				<image class="check_icon" src="/static/img/wallet/check.png" mode=""></image>
			</view>
		</view>
		<view class="xline">
			
		</view>
		<view class="footer">
			<view class="btn">
				确认
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				num:1000
			};
		}
	}
</script>

<style lang="less">
.topbox{
	padding: 38rpx 32rpx 54rpx;
	border-top: 2rpx solid #FAF9F9;
	.title{
		font-size: 30rpx;
		color: #333;
		font-weight: bold;
	}
	.inputbox{
		display: flex;
		align-items: center;
		margin-top: 60rpx;
		
		.wx_icon{
			width: 83rpx;
			height: 83rpx;
		}
		.qian_icon{
			width: 23rpx;
			height: 30rpx;
			margin-right: 30rpx;
		}
		.check_icon{
			width: 35rpx;
			height: 35rpx;
		}
	}
}
.line{
	width: 750rpx;
	height: 19rpx;
	background: #FAF9F9;
}
.flex{
	display: flex;
	align-items: center;
}
.xline{
	width: 737rpx;
	height: 1rpx;
	background: #F3F4F6;
	margin: auto;
}
.btn{
	
	padding: 0 310rpx;
	line-height: 114rpx;
	background: linear-gradient(153deg, #FF8717, #FF5F00);
	border-radius: 57rpx;
	color: #fff;
	font-size: 36rpx;
}
.footer{
	position: fixed;
	bottom: 89rpx;
	width: 750rpx;
	display: flex;
	justify-content: center;
}
</style>
